@charset "utf-8";
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
input[type="submit"], input[type="reset"], input[type="button"], input{ -webkit-appearance:none; resize: none; }
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {display: block; }
img { max-width: 100%; height: auto; -ms-interpolation-mode:bicubic;}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0; padding:0; border:none;}
body{font: normal 14px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;}
em,i{font-style:normal;}
strong{font-weight: normal;}
a{ text-decoration:none; color:#969696; }
a:hover{color:#f60;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; }
img{ border: none; vertical-align: middle; }
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
/*// 最外层*/
@fts:50rem;
.wrap{
    width: 750/@fts;height: 1206/@fts;margin:0 auto;background:url(../images/bg.png) center no-repeat;position:relative;overflow: hidden;
    .ou1{ position:absolute;top:100/@fts;left:123/@fts;width: 38/@fts;height: 21/@fts;opacity:0;}
    /*// 中间-圆*/
    .circle{
        width: 468/@fts;height: 412/@fts;margin:154/@fts auto 88/@fts;position:relative;
        img{
            position:absolute;
            &.img1{left:0;top:0;opacity:0;width:478/@fts;height: 412/@fts;/*animation:arr 6s infinite alternate linear;*/}
            &.img2{left:19/@fts;top:26/@fts;opacity:0;width: 430/@fts;height: 376/@fts;/*animation:arr 3s infinite alternate linear;*/}
            &.img3{left:101/@fts;top:-103/@fts;opacity:0;width: 276/@fts;height: 352/@fts;}
            &.img4{left:145/@fts;top:258/@fts;opacity:0;width: 216/@fts;height: 236/@fts;}
            &.img5{right:90/@fts;bottom:125/@fts;opacity:0;width: 35/@fts;height: 118/@fts;}
        }
    }
    /*动画*/
   /* @keyframes arr{
            from{transform:rotate(0deg)}
            to{transform:rotate(360deg)}
    }*/
    /*// 太阳*/
    .taiyang img{margin-left: 168/@fts;opacity:0;width: 54/@fts;height: 54/@fts;}
    /*// 尾*/
    .footer{
        width: 700/@fts;height: 400/@fts;margin:27/@fts auto 0;position:relative;
        .ftou1 img,.ftou2 img{position:absolute;opacity:0;}
        .ftou1 img{width: 51/@fts;height: 12/@fts;top:0;right:120/@fts;}
        .ftou2 img{width: 69/@fts;height: 24/@fts;top:6/@fts;right:200/@fts;}
        .shan{
             position:relative;width: 696/@fts;height: 228/@fts;margin:70/@fts auto 12/@fts; 
            .leftshan,.middleshan,.rightshan{position:absolute;opacity:0;}
            .leftshan{width: 243/@fts;height: 174/@fts;left:0;top:20/@fts;}
            .middleshan{width: 452/@fts;height: 226/@fts;left:106/@fts;top:0;}
            .rightshan{width: 257/@fts;height: 175/@fts;right:0;top:27/@fts;}
        }
        /*// 水*/
        .shui{
            margin:0 auto;position:relative;
            opacity:0;
            img:nth-of-type(1){ width: 644/@fts;height: 90/@fts;}
            img:nth-of-type(2){width: 120/@fts;height: 48/@fts;position:absolute;right:73/@fts;top:30/@fts;}
        }
    }

    /*//云*/
    .leftyun{width: 82/@fts;height: 32/@fts;position:absolute;left:0;top:60%;transform:translateY(-50%);opacity: 0;}
     .rightyun{width: 75/@fts;height: 62/@fts;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity: 0;}
}



 